<template>
    <div id="vForm">
        <!-- 基础数据 -->
        <template>
            <div>1234</div>
            <!-- <el-form :model="ruleForm" ref="ruleFormRef" size="default" labelWidth="100">
                <el-row>
                    
                </el-row>
            </el-form> -->
        </template>
    </div>
</template>
<script lang="ts">
import { defineComponent, ref, reactive , computed , toRefs, watch } from 'vue';
import { 
    ElCol, 
    ElForm, 
    ElFormItem, 
    ElInput, 
    ElOption, 
    ElRow, 
    ElSelect,
} from 'element-plus';
/*** 定义接口基础数据类型 */
interface formType {
    ruleForm: ruleFormType | any,
}
/*** form 表单数据类型 */
type ruleFormType = {}

export default defineComponent( {
    name: 'model-dialog',
    components: {},
    props: {
        modelInfo: {
            type: String,
            default: ''
        },
    },
    setup(props,ctx){
        const ruleFormRef = ref(); // 表单ref
        /*** state 引用接口定义基础数据初始值 */
        const state = reactive < formType > ({
            ruleForm: {} as ruleFormType,
        });

        return {
            ruleFormRef,
            ...toRefs(state),
        }
    },
} )
</script>
<style scoped lang="scss">
:deep(.el-cascader){
    width: 100%;
}
:deep(.el-select){
    width: 100%!important;
}
:deep(.el-input){
    width: 100%;
}
</style>